<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<jsp:include page="/common/backend_common.jsp"/>
	<title>角色用户信息界面</title>
</head>
<style>
.dtree{width:100%;}
</style>
<body style="padding:10px;">
<!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
  <input type="hidden" id="id" name="id" value="${id}"/>
  <div class="layui-row layui-col-space10">
	  <div class="layui-col-xs4 layui-layer-content" style="border:1px solid red">
	 	<div id="role_left_toolbarDiv"></div>
	  	<ul id="roleTree_left" class="dtree" data-id="0"></ul>
	  </div>
	  <div class="layui-col-xs2 layui-layer-content" style="height:450px;padding-top:150px; text-align:center;border:1px solid red">
	  	 <div class="layui-col-md12 layui-layer-content" style="text-align:center;border:1px solid red">
    		<button class="layui-btn layui-btn-primary layui-btn-sm" id="roleTree_right_btn"><i class="layui-icon"></i></button>
    	 </div>
	  	 <div class="layui-col-md12 layui-layer-content" style="text-align:center;border:1px solid red">
	  		<button class="layui-btn layui-btn-primary layui-btn-sm" id="roleTree_left_btn"><i class="layui-icon"></i></button>
    	 </div>
    	 <div class="layui-col-md12 layui-layer-content" style="text-align:center;border:1px solid red">
	  		<button class="layui-btn layui-btn-primary" id="roleTree_btn" d-menu="remove">原始按钮</button>
    	 </div>
	  </div>
	  <div class="layui-col-xs6 layui-layer-content" style="border:1px solid red">
	  	<div id="role_right_toolbarDiv"></div>
	  	<ul id="roleTree_right" class="dtree" data-id="0"></ul>
	  </div>
  </div>

  
  
  <!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 -->

<script type="text/javascript" src="../../../other/js/config.js"></script>
<script type="text/javascript" src="roleAndUser.js"></script>
<script>
</script>
</body>
</html>